import "./Jsx001.css";

var i = 2;
var myStyle = {
  fontSize: 100,
  color: '#FF0000'
}
  var arr = [
    <h1>数组示例项1</h1>,
    <h2>数组示例项2</h2>
  ]
const element = (
  <div>
    <h1>标记示例</h1>

    <div className="foo">样式示例</div>

    <p data-myattribute="somevalue">data-示例</p>

    <div>表达式示例：{1+1}</div>

    <div>三元运算示例：{i === 2?"True":"false"}</div>

    {/* 注释示例：使用花括号*/}
    <div style= {myStyle}>内联样式示例</div>

    {/* JSX 允许在模板中插入数组，数组会自动展开所有成员 */}
    <div>{arr}</div>
  </div>
);

function Jsx001() {
  return element;
}

export default Jsx001;
